<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>文档中心 - 中海创科技 - 海创EAP低代码工业互联网平台</title>
    <link rel="stylesheet" type="text/css" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/swiper/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/eapschool/documentCenter.css">
    <script type="text/javascript" src="/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/plugins/superSlide.js"></script>
    <script type="text/javascript" src="/plugins/swiper/swiper.min.js"></script>
    <script src="/js/common.js"></script>
</head>

<body>

    <!-- 头部 -->
    <header class="hc-head">
    </header>

    <style>

    </style>
    <div class="hc-body">
        <!-- hc_banner -->
        <div class="hc-banner">
            <img src="/images/eapschool/documentCenter/banner.png" alt="">
            <div class="hc-baner-descbox">
                <div class="hc-baner-desc">
                    <h2 class="hc-baner-p1">
                        <span>文档</span>中心
                    </h2>
                    <div class="hc-search">
                        <input type="text" placeholder="请输入关键词搜索">
                        <div class="hc-search-btn">
                            <img src="/images/appmarket/banner-search-icon.png" alt="">
                        </div>
                    </div>
                    <p class="hc-baner-p2">
                        搜索热词：海创EAP产品宣传册 AP技术白皮书 平台API手册 产品宣传三折页
                    </p>
                </div>
            </div>
        </div>
        <!-- 导航区 -->
        <div class="hc-main-nav">
            <ul class="hd">
                <li class="active"><a href="#appdetail-block1">平台文档</a></li>
                <li><a href="#appdetail-block2">技术文档</a></li>
                <li><a href="#appdetail-block3">培训文档</a></li>
                <li><a href="#appdetail-block4">常见问题</a></li>
            </ul>
        </div>
        <div class="hc_block1">
            <div class="hc_anchor" id="appdetail-block1"></div>
            <div class="hc_block_ctn">
                <div class="hc_block_titlebox">
                    <img src="/images/eapschool/documentCenter/block1.png" alt="">
                    <h4 class="hc_block_title">平台文档</h4>
                </div>
                <div class="hc_block_list">
                    <ul class="row">
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                平台介绍
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                海创EAP产品宣传册
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                产品宣传三折页
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                产品宣传海报
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP平台生态建设
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                产品宣传长图
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                平台商业模式介绍
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                平台商业模式介绍
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP平台生态建设
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hc_block2">
            <div class="hc_anchor" id="appdetail-block2"></div>
            <div class="hc_block_ctn">
                <div class="hc_block_titlebox">
                    <img src="/images/eapschool/documentCenter/block2.png" alt="">
                    <h4 class="hc_block_title">技术文档</h4>
                </div>
                <div class="hc_block_list">
                    <ul class="row">
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hc_block3">
            <div class="hc_anchor" id="appdetail-block3"></div>
            <div class="hc_block_ctn">
                <div class="hc_block_titlebox">
                    <img src="/images/eapschool/documentCenter/block3.png" alt="">
                    <h4 class="hc_block_title">培训文档</h4>
                </div>
                <div class="hc_block_list">
                    <ul class="row">
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                EAP技术白皮书
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hc_block4">
            <div class="hc_anchor" id="appdetail-block4"></div>
            <div class="hc_block_ctn">
                <div class="hc_block_titlebox">
                    <img src="/images/eapschool/documentCenter/block4.png" alt="">
                    <h4 class="hc_block_title">常见问题</h4>
                </div>
                <div class="hc_block_list">
                    <ul class="row">
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                平台常见问题汇总
                            </a>
                        </li>
                        <li class="col-md-3">
                            <a class="hc_block_item" href="javascript:;">
                                平台常见问题汇总
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <!-- 底部 -->
    <div class="hc-foot">
    </div>
</body>

<script>
    $(function () {

        $(".hc-main-nav>ul>li").on("click", function () {
            $(".hc-main-nav>ul>li").removeClass("active");
            $(this).addClass("active");
        });
        scrollNav($(".hc_anchor"), $(".hc-main-nav>ul>li"), 100)
    });

    function scrollNav(_dom, _dom2, space) {
        $(window).on("scroll", function () {
            var scrollTop = $(this).scrollTop()
            // 判断是否在底部
            var isBotton = ($(window).height() + $(window).scrollTop()) >= $(document).height();
            _dom.each(function (i, item) {
                var isShow = $(item).is(":hidden");
                if (isShow) {
                    return true
                }
                if (isBotton) {
                    _dom2.removeClass("active");
                    $(_dom2[_dom.length - 1]).addClass("active");
                }
                var _top = $(item).offset().top - space;
                if (scrollTop >= _top) {
                    _dom2.removeClass("active");
                    $(_dom2[i]).addClass("active");
                }
            })
        })
    }

</script>

</html>